$(function(){
	$("#bigimg").css({width:$("#bigimg img").width()*$("#bigimg img").length});    //设置大图div的宽度
	var index = 0;
	//在以下三种情况下，设定索引值。
	$(".upBtn").click(function(){
	    index--;
		tab();
	})
	$(".nextBtn").click(function(){
	    index++;
		tab();
	})
	$("#click_list img").click(function() {
		index = $("#click_list img").index(this);
        tab();
	})
	//具体运动过程
	function tab(){
	    //检测过界条件
		if(index<0){index =0}
	    if(index>$("#bigimg img").length-1){index =$("#bigimg img").length-1}
		//计算大DIV的，运动距离
	    var iLife = index*$("#bigimg img").width();
		$("#click_list img").removeClass("current");
		$("#click_list img").eq(index).addClass("current");
		if(index >=7){
		    $('#click_list').animate({left:-$('#click_list img').width()*7});
		}else{
		    $('#click_list').animate({left:0});
		}
		$("#bigimg").animate({ 
           left:-iLife
        }, 300 );	
	}
});
/*固定位置的预定公寓框*/
$(function(){
	var $offset = $('.main_r').offset();
	$(window).scroll(function(){
		if($(window).scrollTop()>$offset.top){
			$('.sidebar').css({'position':'fixed','top':'0px','left':$offset.left+10+'px','z-index':'1'});
		}else{
			$('.sidebar').css({'position':'absolute',left:'10px',top:'0px'});
		}
	});
});
/**tabs**/
$(function(){
	$("#pic li").click(function(){
		var id = $(this).parent().attr('id');
		tabs(id,this);
	});
	$("#info_tabs li").click(function(){
		var id = $(this).parent().attr('id');
		tabs(id,this);
	});
	function tabs(id,_this){
		var $index = $("#"+id+" li").index(_this);
		var to = $("#"+id+"").attr("to");
		$("#"+id+" li a").removeClass('current');
		$("#"+id+" li").eq($index).children('a').addClass('current');
		$("#"+to+" .tablist").hide();
		$("#"+to+" .tablist").eq($index).show();
	}
});
$(function(){
	$("#postInfo").click(function(){
		if($("#startDate").val() == ''){
			$("#startDate").trigger('click');
			return false;
		}
		if($("#endDate").val() == ''){
			$("#endDate").trigger('click');
			return false;
		}
	});
});
/**调用日历**/
$(function(){
	$('#startDate').Zebra_DatePicker({
		direction: true,
		always_show_clear:false,
		pair: $('#endDate')
	});
	$('#endDate').Zebra_DatePicker({
		always_show_clear:false,
		direction: 1,
		onSelect:function(){
			var str = $("#houseFrom").serialize();
			$.ajax({
				type:'post',
				url:CONTROL+'/ajax_order_price',
				data:str,
				success:function(data){
					$("#houseDesc").html("");
					$("#houseDesc").append(data);;
				}
			});
		}
	});
});
$(function(){
	$("#click_list li").eq(0).find("img").addClass("current");
});




